<template>
    <view class="news">
        <news-item @itemClick="goDetail" :list="newsList"></news-item>
    </view>
</template>

<script>
    import newsItem from '../../components/news-item/news-item.vue'
    export default {
        data() {
            return {
                newsList: []
            }
        },
        methods: {
            async getNews() {
                const res = await this.$myRequest({
                    url: '/api/getnewsList'
                })
                this.newsList = res.data.message
            },
            goDetail(id) {
                uni.navigateTo({
                    url: '/pages/news-detail/news-detail?id=' + id
                })
            }
        },
        components: {"news-item": newsItem},
        onLoad() {
            this.getNews()
        }
    }
</script>

<style lang="scss">
    .news {
    }
</style>